/*Font Setting*/
.xui-ui-ctrl, .xui-ui-reset{
    color:#666;
    font-size: 1.1rem;
    font-family:'PT Sans', Tahoma;
    font-weight:normal;
}
.xui-title-node{
    font-size:1.5em;

}

xui-dialog-tbar-focus {
    color:#fff
}
/*.xui-tabs-caption{*/
/*color:#444;*/
/*}*/
.xui-group-caption{
    color:#444;
}
.xuifont, .xuicon{
    /*margin: 5px 5px 0 5px;*/
    font-size:1.5em;
}
.xuifont-hover, .xuicon-hover{
    color:#888;
}
.xuifont-active, .xuicon-active{
    color:#222;
}
.xuifont-checked, .xuicon-checked{
    color:#777;
}
.xui-ui-ctrl-highlight, .xui-node-highlight, .xui-tabs-caption-checked,.xui-uibar-checked, .xui-uibar-expand,  .xui-uimenu-hover,.xui-uimenu-active{
    color: #333333;
}

/*Background*/
.xui-uibase{
    background-color: #f6f6f6;
}

.xui-foldingtabs-caption{
    color:#444;
}
.xui-uibar{
    /*background-color:#f9f9f9;*/
}
.xui-uibar .xui-layout-move{
    background-color:#fff;

}
.xui-uibar-hover{
    background-color:#dddddd;
}
.xui-uibar-active,.xui-uibar-checked, .xui-uibar-expand,  .xui-uimenu-hover,.xui-uimenu-active{
    background-color:#e5e9ea;
}
.xui-uibar-focus, .xui-uibar-top-focus .xui-uibar-tdl, .xui-uibar-top-focus .xui-uibar-tdm, .xui-uibar-top-focus .xui-uibar-tdr{
    background-color:#ebebeb;
    color: #000;
}

.xui-uitembg-checked{
    color: #000;
}
.xui-uicell-checked,
.xui-treegrid-cell-checked,
.xui-treegrid-cells1-checked,
.xui-treegrid-cells2-checked{
    color: #FFFFFF;
}
.xui-uiborder-flat{
    border-width: 1px;
    border-color: #f9f9f9;
}
/*Border Setting*/
.xui-uiborder-box{
    border-width: 1px;
    /*height: 40px;*/
    /*width: 120px;*/
}
.xui-uiborder-l{
    border-left-style: solid;

}
.xui-uiborder-t{
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #eee;
}
.xui-uiborder-r{

    border-right-width: 1px;
    border-right-color: #e0e0e0;
}
.xui-uiborder-b, .xui-uitem-split{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #e0e0e0;
}

.xui-uiborder-outset{
    border-style: solid;
    border-width: 1;
}
.xui-uiborder-inset,
.xui-uiborder-hidden-active,
.xui-uiborder-hidden-checked{
    border-style: solid;
    border-width: 1px;
    border-color: #000 #B0CEE3 #B0CEE3 #B0CEE3;
}
.xui-uiborder-nob{
    border-bottom-width:0;
    border-bottom-style:none;
    border-color: black;
}
.xui-uiborder-hidden-active,
.xui-uiborder-hidden-checked{
    background-color:#EBEBEB;
}
.xui-uiborder-dark,
.xui-uiborder-flat-hover,
.xui-tabs-item{
    border-color:#000;
}
.xui-uiborder-light,
.xui-uiborder-hidden-hover{
    border-color:#EBEBEB;
}

/*Gradient and Button*/


/*List Setting*/
.xui-uitembg{
}
.xui-uitembg-hover{
    background-color: #ababab;
    border-color: transparent;
}
.xui-uitembg-active{
    background-color: #cdcdcd;
    border-color: #ebebeb;
}



.xui-foldingtabs-items{
    padding:0;
}
.xui-uitembg-checked{
    background-color: #e5e9ea;
    border-color: transparent;
}
.xui-block-fold .xui-block-sidebar{
    background-color:#fff;
}
/*gradient*/
.xui-uigradient{
    color:#666;
    background:none;

    background: #e5e9ea;
    color:#000;
    text-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    filter: none;
    -ms-filter: none;
}
.xui-uigradient-hover, .xui-uigradient:hover{
    border-color:#ccc;
    background: #f6f6f6;
}
.xui-uigradient-active, .xui-uigradient-checked,  .xui-uigradient-expand,
.xui-uigradient:active,
.xui-uigradient-active:hover, .xui-uigradient-checked:hover, .xui-uigradient-expand:hover{
    background: #f6f6f6;
}
.xui-uigradient{
    color:#666;
}
.xui-ui-sbtn{
    border-color:#000;
}
.xui-ui-sbtn:hover, .xui-ui-sbtn-hover{
    border-color:#fff;
}

/*Grid Setting*/
.xui-uicell,
.xui-treegrid-cells1, .xui-treegrid-cells2{
}
.xui-uicell-alt,
.xui-treegrid-cells1-alt, .xui-treegrid-cells2-alt{
    background-color: #EFF8FF;
}
.xui-treegrid-cells1-hover, .xui-treegrid-cells2-hover{
    background-color: #D2E3EF;
}
.xui-treegrid-cells1-active, .xui-treegrid-cells2-active,
.xui-treegrid-cell-active, .xui-treegrid-cell-active .xui-treegrid-cella{
    background-color: #B0EAFA;
}
.xui-treegrid-cells1-hot, .xui-treegrid-cells2-hot{
    background-color: #FFE97F;
}
.xui-uicell-checked,
.xui-treegrid-cell-checked,
.xui-treegrid-cells1-checked,
.xui-treegrid-cells2-checked{
    background-color: #dddddd;
}
.xui-uicell-hover, .xui-treegrid-cell-hover{
    background-color:#eeeeee;
}


/*Shadow*/
.xui-ui-shadow-input{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*xui.UI.Tabs*/
.xui-tabs-items{
    padding:0;
}
.xui-tabs-listbg{
    background:none;
    border-top:0;
    height:30;
}
.xui-buttonviews-items{
    background-color:#e5e9ea;

}
.xui-buttonviews-menu2, .xui-buttonviews-itemc{
    padding-top: .5em;
    padding-bottom: .5em;
}
.xui-treegrid-fhcell, .xui-treegrid-hcell, .xui-treegrid-hscell{
    border-left-color:transparent;
    border-top-color:transparent;
}

/*Focus Outline*/
.xui-showfocus:focus {
    outline-width: 1px;
    outline-style: none;
}

/** important => the last one: this theme's name */
.setting-uikey{
    font-family: webflat;
}

.xui-formlayout-box.solidgridline .xui-formlayout-item.layoutcell.firstrow {
    border-top: 1px solid #e0e0e0;
}
.xui-formlayout-box.solidgridline .xui-formlayout-item.layoutcell {
    border-right: 0px solid #e0e0e0;
    border-bottom: 0px solid #e0e0e0;
    border-left: none;
    border-top: none;
}
.xui-formlayout-box.solidgridline .xui-formlayout-item.layoutcell.firstcol{
    border-left: 1px solid #e0e0e0;
}
